<template>
    <div class="second">
        <template v-if="to">
            <router-link :to="to">
            <slot></slot>
        </router-link>
        <span>{{xie}}</span>
        </template>
        <template v-else>
            <slot></slot>
            <span>{{xie}}</span>
        </template>
    </div>
</template>
<script>
export default {
    name: 'secondHead',
    data() {
        return {

        }
    },
    props:{
       to:[String,Object]
    },
    created() {
    },
    computed: {
    },
    methods: {
    },
    inject:['xie']
}
</script>
<style lang='scss'  scoped>
.second {
    span {
    margin: 0 5px;
  }

  &:last-child {
    // a {
    // }
    span {
      display: none;
    }
  }
}

</style>
